import React from "react";
import { Swiper } from "antd-mobile";
import styles from "../css/swiper.module.css";
function Index(props) {
  return (
    <div className={styles.box}>
      <Swiper loop autoplay>
        {props.list.map((item) => {
          return (
            <Swiper.Item key={item.id}>
              <img src={item.image} style={{ width: "100%" }} />
            </Swiper.Item>
          );
        })}
      </Swiper>
    </div>
  );
}

export default Index;
